{% load static %}

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="{% static 'css/index.css' %}">
    <title>covid-19_2.0</title>
</head>

<body>
    <header class="top">
        <ul class="top-nav clearfix">
            <li><a href="/index">首页<br>Home</a></li>
            <li><a href="/prediction">&nbsp;预测系统<br>Prediction</a></li>
            <li><a href="/news">&nbsp;&nbsp;新闻报道<br>News Report</a></li>
            <li><a href="/research">相关研究<br>Research</a></li>
            <li><a href="/prevention">预防措施<br>Prevent</a></li>
            <li><a href="/platform">关于平台<br>Platform</a></li>
            <li><a href="/contact">&nbsp;联系我们<br>Connect us</a></li>
        </ul>
    </header>

    <section>
        <div id="father" class="container">
            <div class="section section-1">
                <div class="word_position-1">
                    <p class="headline-1">基于图神经网络（Att-GNN）的</p>
                    <p class="headline-1">流行病预测可视化平台</p>
                    <p class="headline_small-1">Prediction of COVID-19 Pandemic</p>
                    <br><br><br>
                    <p class="word-1">本平台从流行病预测研究出发，采用GNN（图神经网络）模型，将模</p>
                    <p class="word-1">型应用于真实数据，对流行病发展趋势进行预测；最后将数据进行可</p>
                    <p class="word-1">视化展示，实现对流行病的准确预测与直观展示。</p>
                </div>
            </div>
            <div class="section section-2">
                <!--style="width: 500px; height: 300px;"-->
                <div>
                    {{usa_map | safe}}
                </div>
            </div>
        </div>
    
        </div>
    </section>
    <script src="{% static 'js/jquery.min.js' %}"></script>
    <script src="{% static 'plugins/bootstrap-3.4.1/js/bootstrap.min.js' %}"></script>
    <script type="text/javascript" src="https://assets.pyecharts.org/assets/echarts.min.js"></script>
</body>

</html>